<template>
    <div class="login">
        <!-- 版心大图 -->
        <div class="banner">
            <img src="../lvystatic/images/qy004.jpg" />
        </div>
        <!-- 登录页面 -->
        <div class="inform">
            <h4>商城登录</h4>
            <Form ref="formInline">
                <FormItem prop="user">
                    <i-input type="text" placeholder="账号/邮箱">
                        <Icon type="ios-person-outline" slot="prepend"></Icon>
                    </i-input>
                </FormItem>
                <FormItem prop="password">
                    <i-input type="password" placeholder="请输入密码">
                        <Icon type="ios-lock" slot="prepend"></Icon>
                    </i-input>
                </FormItem>
                <FormItem prop="verification">
                    <i-input type="text" placeholder="验证码" class="verification">
                        <!-- <i class="iconfont icon-gerzx"></i> -->
                        <Icon type="ios-lock" slot="prepend"></Icon>
                    </i-input>
                    <!-- <Icon type="ios-lock-outline" class="iconfont icon-gerzx" slot="prepend"></Icon> -->
                </FormItem>
                <div class="radio">
                    <input type="button" class="btn">
                    <p>记住用户名</p>
                    <span>忘记密码</span>
                </div>
                <input type="button" class="loginbtn" value="登录">
                <div class="logintest">未有账号？点击<router-link to="/register">注册</router-link></div>
            </Form>
        </div>
    </div>
</template>
  
<script>
    export default {}
</script>
  
<style lang="scss" scoped>
    .login {
        .inform {
            width: 300px;
            height: 400px;
            border: 1px solid #eee;
            position: absolute;
            top: 230px;
            right: 100px;
            background: #fff;
            padding: 15px;
            h4 {
                text-align: center;
                margin: 15px 0;
                font-size: 18px;
                font-weight: bold;
                color: #555
            }
            .radio {
                 position: relative;
                .btn {
                    width: 15px;
                    height: 15px;
                    // border:none;
                    border-radius: 3px;
                    border-color: #333;
                    border: 1px solid #999;
                   
                }
                p{
                   position: absolute;
                   top: 0;
                   left: 20px;
                }
                span{
                    color: red;
                    position: absolute;
                    right: 15px;
                    margin-right: 0;
                }
            }
            .loginbtn{
                width: 100%;
                padding: 5px 15px;
                border: 0;
                margin-top: 15px;
                background: #03baa2;
                color: #fff;
                font-size: 16px;
                border-radius: 3px;
            }
            .logintest{
                margin-top: 15px;
                span{
                    color: red;
                }
            }
        }
    }
</style>